<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Layui</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

    <link rel="stylesheet" type="text/css" href="../../content/common/layui/css/layui.css"/>
    <link rel="stylesheet" type="text/css" href="../../content/default/css/common.css"/>
    <style>
        h3{
            font-size:0.18rem;
            color:#333;
            font-weight: bold;
            margin-bottom: 30px;
        }
        .layui-inline{
            width:50%;
            float:left;
            margin-bottom: 10px;
        }
        .formDiv form{
            float:right;
        }
        table{
            width:100%;
            line-height: 60px;
            text-align: center;
            border-color: #e8e8e8;
            margin-bottom: 90px;
        }
        td{border:1px solid#e8e8e8;line-height: 20px;
            font-size: 0.14rem;}
        th{
            
            background: #f2f2f2;
            color:#333333;
            
            font-size: 0.14rem;
        }
        td.cont{
            text-align: left;
            color:#666666;
            padding:15px;
        }
        .layui-form-switch{
            background-color: #f52240;
            border:0;
        }
        .layui-form-onswitch{
            background-color: #42d31a;
            border: 0;
        }
        .layui-form-switch i{
            background-color: #fff;
        }
        .checkTable td{
            line-height: 60px;
        }
        .hiddenCaseUl li{
            height:40px;
            font-size:0.14rem;
           color: #333; 
           margin-bottom: 30px;
           background: url('../../content/default/image/file_img.jpg')no-repeat 0 center;
           padding-left:50px;
        }
        .hiddenCaseUl p{
            color: #999;
        }
        .hiddenCaseUl span{
            padding:0 18px;
        }
        .layui-form-radio>i:hover, .layui-form-radioed>i{
          color:#206dee;
        }
        .layui-form-label{
          font-size: 0.14rem;
        }
        .layui-input{
          line-height: 30px;
          height:32px;
        }
    </style>
</head>
<body style='padding:20px 30px;'>
    <h3>基础信息</h3>
    <form class="layui-form" action="">
        <div class="layui-inline">
          <label class="layui-form-label">检查名称:</label>
          <div class="layui-input-block">
            <input type="text" name="title" lay-verify="title" autocomplete="off" class="layui-input">
          </div>
        </div>
        <div class="layui-inline">
            <label class="layui-form-label">检查日期:</label>
            <div class="layui-input-block">
              <input type="text" class="layui-input" id="test16" >
            </div>
          </div>
        <div class="layui-inline">
            <label class="layui-form-label">检查编号:</label>
            <div class="layui-input-block">
              <input type="text" name="title" lay-verify="title" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">检查级别:</label>
            <div class="layui-input-block">
              <input type="text" name="title" lay-verify="title" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">检查类型:</label>
            <div class="layui-input-block">
              <input type="text" name="title" lay-verify="title" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">被检查单位:</label>
            <div class="layui-input-block">
              <input type="text" name="title" lay-verify="title" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">检查单位:</label>
            <div class="layui-input-block">
              <input type="text" name="title" lay-verify="title" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">是否同步可见:</label>
            <div class="layui-input-block">
              <input type="radio" name="sex" value="是" title="是" checked="">
              <input type="radio" name="sex" value="否" title="否">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">检查组长:</label>
            <div class="layui-input-block">
              <input type="text" name="title" lay-verify="title" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">检查组成员:</label>
            <div class="layui-input-block">
              <textarea  class="layui-textarea"></textarea>
            </div>
          </div>
          <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">检查目的:</label>
            <div class="layui-input-block">
              <textarea  class="layui-textarea"></textarea>
            </div>
          </div>
          <div class="layui-form-item layui-form-text">
            <label class="layui-form-label">检查重点:</label>
            <div class="layui-input-block">
              <textarea  class="layui-textarea"></textarea>
            </div>
          </div>
    </form>
    <h3 style="margin-top: 90px;">检查内容</h3>
    <div class="formDiv">
        <button type="button" style="background: #206dee;width:96px;font-size:0.14rem;line-height: 32px;border-radius: 3px;height: 32px;" class="layui-btn layui-btn-sm layui-btn-normal">登记隐患</button>
        <form action="" style="width: 50%;">
          <div class="layui-inline">
            <label class="layui-form-label">标准分:</label>
            <div class="layui-input-block">
              <input type="number" name="title" lay-verify="title" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">合计得分:</label>
            <div class="layui-input-block">
              <input type="number" name="title" lay-verify="title" autocomplete="off"  class="layui-input">
            </div>
          </div>
        </form>
    </div>
    <table>
        <thead>
            <tr>
                <th style="width:180px;">检查项目|标准分</th>
                <th style="width:300px;">基本要求</th>
                <th>扣分标准</th>
                <th>检查情况</th>
                <th>检查评价</th>
                <th>扣分</th>
                <th>隐患信息</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td rowspan="4">热网管道布置|20分</td>
                <td class="cont">城市道路上的热网管道未敷设在车行道以外的地方，同一条管道未沿街道的一侧敷设</td>
                <td>5处</td>
                <td>
                    <form class="layui-form" >
                        <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" title="开关">
                    </form>
                </td>
                <td></td>
                <td></td>
                <td>隐患数量：1</td>
            </tr>
            <tr>
                
                <td class="cont">传过厂区的供热管道未沿公路敷设，或敷设在不易检修和维护的位置</td>
                <td>1~2处</td>
                <td>
                    <form class="layui-form" >
                        <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" title="开关">
                    </form>
                </td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
        
                <td class="cont">通过非建筑区的热网管道未沿公路敷设</td>
                <td>2</td>
                <td>
                    <form class="layui-form" >
                        <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" title="开关">
                    </form>
                </td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                
                <td class="cont">热网管道选线时避开土质松软地区、滑坡危险地带以及高地下水位等不利地段</td>
                <td>2处</td>
                <td>
                    <form class="layui-form" >
                        <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" title="开关">
                    </form>
                </td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                <td rowspan="3">热网管道地下敷设|10分</td>
                <td class="cont">管沟盖板或检查室盖板覆土深度小于0.2m</td>
                <td>2项</td>
                <td>
                    <form class="layui-form" >
                        <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" title="开关">
                    </form>
                </td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                
                <td class="cont">与地铁或不允许开挖的公路交叉，未采用套管敷设</td>
                <td>2处</td>
                <td>
                    <form class="layui-form" >
                        <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" title="开关">
                    </form>
                </td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
            <tr>
                
                <td class="cont">隐蔽工程未在隐蔽前经验收各方检验合格就施工隐蔽，且未形成记录</td>
                <td>1~2处</td>
                <td>
                    <form class="layui-form" >
                        <input type="checkbox" checked="" name="open" lay-skin="switch" lay-filter="switchTest" title="开关">
                    </form>
                </td>
                <td></td>
                <td></td>
                <td></td>
            </tr>
        </tbody>
    </table>
<h3>检查成员及分工</h3>
<table class="checkTable">
    <thead>
        <tr>
            <th>序号</th>
            <th>检查人员</th>
            <th>检查项目</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>1</td>
            <td>小米、小红</td>
            <td>热网管道布置、热网管道地下铺设、热网管道沟</td>
        </tr>
        <tr>
            <td>2</td>
            <td>小米、小红</td>
            <td>热网管道地上敷设、热网管道跨河敷设</td>
        </tr>
        <tr>
            <td>3</td>
            <td>小米、小红</td>
            <td>管道基础及其他、热网管道及附件材料</td>
        </tr>
        <tr>
            <td>4</td>
            <td>小米、小红、小心</td>
            <td>热网管道连接、热网系统阀门、热网系统排气</td>
        </tr>
    </tbody>
</table>
<h3>隐患排查方案</h3>
<ul class="hiddenCaseUl">
    <li>
        <h4>附件：xx公司隐患排查治理方案</h4>
        <p>文件大小：20902KB <span>上传人：拉下就</span>时间：2019-12-20</p>
    </li>
    <li>
        <h4>附件：xx公司隐患排查治理方案</h4>
        <p>文件大小：20902KB <span>上传人：拉下就</span>时间：2019-12-20</p>
    </li>
    <li>
        <h4>附件：xx公司隐患排查治理方案</h4>
        <p>文件大小：20902KB <span>上传人：拉下就</span>时间：2019-12-20</p>
    </li>
</ul>
<script type="text/javascript" src="../../content/common/jquery-3.3.1.min.js"></script>
<script src="../../content/common/layui/layui.all.js"></script>
<script>
   layui.use(['form', 'layedit', 'laydate'], function(){
  var form = layui.form
  ,layer = layui.layer
  ,layedit = layui.layedit
  ,laydate = layui.laydate;
  
  //日期
  laydate.render({
    elem: '#test16'
    ,type: 'datetime'
    ,range: '到'
    ,format: 'yyyy年M月d日H时m分s秒'
  });
  form.on('switch(switchTest)', function(data){
    
  });
  
});
</script>
</body>
</html>